<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kukui Cup</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap-override.css" rel="stylesheet">
<link href="css/makahiki-structure.css" rel="stylesheet">
<link href="css/canopy.css" rel="stylesheet">
<link href="css/theme.css" rel="stylesheet">
<link rel="stylesheet/less" type="text/css" href="css/matt-heme.less">


<script src="js/less-1.3.0.min.js" type="text/javascript"></script>

</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
    <div id="info-bar-wide" class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="span1">
                    <img src="./images/default_avatar.png" />
                </div>
                <div class="span3">
                    <h4>Cam M.</h4>
                    <div id="user-cycle">
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #2/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #4/17
                                    overall.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/17
                                    overall.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <h4>Mokihana: Lounge A</h4>
                    <!-- 					<div class="span2 offset1"> -->
                    <div id="team-cycle">
                        <div>
                            <ul>
                                <li>Overall: 570 points. #2 out of
                                    20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 88 kWh. #1 out of 20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 50 gallons. #7 out of
                                    20.</li>
                            </ul>
                        </div>
                    </div>
                    <!-- 					</div> -->
                </div>
                <div class="span3" style="text-align: center">
                    <div id="round-cycle">
                        <div class="span3">
                            <ul>
                                <li><h4>Overall Round</h4></li>
                                <li>Ends in 5 Days, 9 Hours, and 39
                                    Minutes</li>
                            </ul>
                        </div>
                        <div class="span3">
                            <ul>
                                <li><h4>Next Workshop</h4></li>
                                <li>Friday evening @ 5pm.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span2">
                    <button id="header-feedback"
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <div id="info-bar-single" class="container-fluid">
        <div class="row-fluid">
            <div class="span12" style="text-align: center">
                <div class="span4">
                    <div id="single-cycle">
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#2 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#4 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            570 points #2 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            88 kWh #1 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            50 gallons #7 out of 20
                        </div>
                        <div class="span3">
                            <h4>Overall Round</h4>
                            Ends in 5 Days, 9 Hours, and 39 Minutes
                        </div>
                        <div class="span3">
                            <h4>Next Workshop</h4>
                            Friday evening @ 5pm.
                        </div>
                    </div>
                </div>
                <div id="feedback-logout" class="span2">
                    <button id="header-feedback"
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <p></p>
    <p></p>
    <!-- Navbar
    ================================================== -->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse"
                    data-target=".nav-collapse"> <span
                    class="icon-bar"></span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="brand">
                    <img src="./images/spacer-54.png"
                        alt="University of Hawaii" />
                    <div class="caption">Kukui Cup/UH</div>
                </div>
                <div class="nav-collapse">
                    <ul class="nav">
                        <li class="home"><a href="home.html"
                            class="home"><img
                                src="./images/spacer-54.png">Home</a></li>
                        <li class=""><a href="activities.html"
                            class="activities"> <img
                                src="./images/spacer-54.png"> Get
                                Nutz
                        </a></li>
                        <li class=""><a href="energy.html"
                            class="energy"> <img
                                src="./images/spacer-54.png"> Go
                                Low
                        </a></li>
                        <li class=""><a href="water.html"
                            class="water"><img
                                src="./images/spacer-54.png">
                                Water</a></li>
                        <li class=""><a href="news.html"
                            class="news"> <img
                                src="./images/spacer-54.png"> News
                        </a></li>
                        <li class=""><a href="advanced.html"
                            class="advanced"><img
                                src="./images/spacer-54.png">
                                Advanced</a></li>
                        <li class=""><a href="prizes.html"
                            class="prizes"> <img
                                src="./images/spacer-54.png">
                                Prizes
                        </a></li>
                        <li class=""><a href="profile.html"
                            class="profile"> <img
                                src="./images/spacer-54.png">
                                Profile
                        </a></li>
                        <li class=""><a href="help.html"
                            class="help"> <img
                                src="./images/spacer-54.png"> Help
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="content">
        <div id="mission-box" style="clear: both">
            <div id="mission-header">
                <h3 id="mission-title">Canopy missions</h3>
                <a href="canopy.html/#" style="float: right"> <img
                    src="./images/icon-help-sm.png" width="20"
                    align="center"
                    title="Click to get help about this window"
                    onclick="toggleHelp(&#39;widget&#39;, &#39;canopy-missions&#39;); return false;"></a>
            </div>
            <div style="clear: both"></div>




            <ul id="mission-list">




                <li class="canopy-mission"><a
                    href="javascript:void(0)" id="visualizations"
                    class="quest-title "> Visualizations </a>
                    <div class="quest-description" style="display: none">
                        <p>(placeholder)</p>
                        <div class="mission-links">


                            Do the following activities to complete this
                            mission:
                            <ul>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/visualization-1/">Visualization
                                        1</a></li>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/visualization-2/">Visualization
                                        2</a></li>

                            </ul>

                        </div>



                        <div class="mission-users">


                            <h4>Be the first to complete this
                                mission!</h4>


                        </div>
                        <br style="clear: both">

                        <div class="quest-options"></div>
                    </div></li>





                <li class="canopy-mission"><a
                    href="javascript:void(0)" id="find-waste"
                    class="quest-title "> Find Waste </a>
                    <div class="quest-description" style="display: none">
                        <p>(placeholder)</p>
                        <div class="mission-links">


                            Do the following activities to complete this
                            mission:
                            <ul>

                                <li><a
                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/find-waste/">Find
                                        Waste</a></li>

                            </ul>

                        </div>



                        <div class="mission-users">


                            <h4>Be the first to complete this
                                mission!</h4>


                        </div>
                        <br style="clear: both">

                        <div class="quest-options"></div>
                    </div></li>





                <li class="canopy-mission"><a
                    href="javascript:void(0)" id="compare-energy"
                    class="quest-title "> Compare Energy </a>
                    <div class="quest-description" style="display: none">
                        <p>(placeholder)</p>
                        <div class="mission-links">


                            <h4>To see what you need to do, you
                                must sign up for the mission first!</h4>

                        </div>


                        <div class="mission-users">


                            <h4>No users are currently
                                participating in this mission.</h4>


                        </div>


                        <div class="mission-users">


                            <h4>Be the first to complete this
                                mission!</h4>


                        </div>
                        <br style="clear: both">

                        <div class="quest-options">



                            <form
                                action="http://dasha.ics.hawaii.edu:8200/canopy/mission/compare-energy/accept/"
                                method="POST" style="display: inline">
                                <div style="display: none">
                                    <input type="hidden"
                                        name="csrfmiddlewaretoken"
                                        value="a24f5c59567f2c177a6fd44ab2ab1de9">
                                </div>
                                <button type="submit"
                                    style="margin-right: 20px">I
                                    am up for this mission</button>
                            </form>






                        </div>
                    </div></li>





                <li class="canopy-mission"><a
                    href="javascript:void(0)" id="be-good-samaritan"
                    class="quest-title "> Be A Good Samaritan </a>
                    <div class="quest-description" style="display: none">
                        <p>(placeholder)</p>
                        <div class="mission-links">


                            <h4>To see what you need to do, you
                                must sign up for the mission first!</h4>

                        </div>


                        <div class="mission-users">


                            <h4>No users are currently
                                participating in this mission.</h4>


                        </div>


                        <div class="mission-users">


                            <h4>Be the first to complete this
                                mission!</h4>


                        </div>
                        <br style="clear: both">

                        <div class="quest-options">



                            <form
                                action="http://dasha.ics.hawaii.edu:8200/canopy/mission/be-good-samaritan/accept/"
                                method="POST" style="display: inline">
                                <div style="display: none">
                                    <input type="hidden"
                                        name="csrfmiddlewaretoken"
                                        value="a24f5c59567f2c177a6fd44ab2ab1de9">
                                </div>
                                <button type="submit"
                                    style="margin-right: 20px">I
                                    am up for this mission</button>
                            </form>






                        </div>
                    </div></li>





                <li class="canopy-mission"><a
                    href="javascript:void(0)"
                    id="attend-community-event" class="quest-title ">
                        Attend a Community Event </a>
                    <div class="quest-description" style="display: none">
                        <p>(placeholder)</p>
                        <div class="mission-links">


                            <h4>To see what you need to do, you
                                must sign up for the mission first!</h4>

                        </div>


                        <div class="mission-users">


                            <h4>No users are currently
                                participating in this mission.</h4>


                        </div>


                        <div class="mission-users">


                            <h4>Be the first to complete this
                                mission!</h4>


                        </div>
                        <br style="clear: both">

                        <div class="quest-options">



                            <form
                                action="http://dasha.ics.hawaii.edu:8200/canopy/mission/attend-community-event/accept/"
                                method="POST" style="display: inline">
                                <div style="display: none">
                                    <input type="hidden"
                                        name="csrfmiddlewaretoken"
                                        value="a24f5c59567f2c177a6fd44ab2ab1de9">
                                </div>
                                <button type="submit"
                                    style="margin-right: 20px">I
                                    am up for this mission</button>
                            </form>






                        </div>
                    </div></li>


                <br style="clear: both">
            </ul>


            <div id="quest-details"
                style="margin: 0px 10px; display: none">
                <div id="quest-contents" style="clear: both"></div>
                <a href="javascript:void(0)" id="quest-hide">Hide</a>
            </div>
            <br style="clear: both">
        </div>





    </div>


    <div class="content">


        <div id="canopy-about">
            <div style="text-align: right">
                <a id="canopy-hide-about" href="javascript:void(0);">Close</a>
            </div>
            <p>Welcome to the canopy! As one of the top players of
                the Kukui Cup, you now have exclusive access to this
                advanced area that provides: advanced energy
                visualizations, missions, and a private Wall for
                communication among Canopy members as well as the
                administrators of the Kukui Cup. Use the Canopy to gain
                greater insight into the Hale Aloha energy usage and how
                you can help your lounge as well as all of the students
                play the Kukui Cup more effectively.</p>
        </div>


        <div id="canopy-viz" class="content-box">
            <div id="canopy-viz-title" class="content-box-title">
                Advanced Visualizations <a
                    href="http://dasha.ics.hawaii.edu:8200/canopy/#"
                    style="float: right"> <img
                    src="./images/icon-help-sm.png" width="20"
                    align="center"
                    title="Click to get help about this window"
                    onclick="toggleHelp(&#39;widget&#39;, &#39;advanced-visualizations&#39;); return false;"></a>
            </div>
            <div id="canopy-viz-content">

                <ul id="canopy-viz-list">

                    <li id="canopy-hot-spot-link">
                        <h3>
                            <a
                                href="http://dasha.ics.hawaii.edu:8200/canopy?viz=1">Hot
                                Spots</a>
                        </h3>
                    </li>
                    <li>|</li>
                    <li id="canopy-heat-map-link">
                        <h3>
                            <a
                                href="http://dasha.ics.hawaii.edu:8200/canopy?viz=2">Heat
                                Map</a>
                        </h3>
                    </li>
                    <li>|</li>
                    <li id="canopy-wattdepot-link">
                        <h3>
                            <a
                                href="http://dasha.ics.hawaii.edu:8200/canopy?viz=3">Line
                                Graph</a>
                        </h3>
                    </li>
                    <li>|</li>
                    <li id="canopy-power-meters-link">
                        <h3>
                            <a
                                href="http://dasha.ics.hawaii.edu:8200/canopy?viz=4">Power
                                Meters</a>
                        </h3>
                    </li>
                </ul>

                <div id="canopy-visualizations">

                    <div
                        style="margin-left: 250px; width: 500px; text-align: left;">
                        "You can't manage what you can't measure". In
                        the canopy, you can work with several advanced
                        visualizations to measure the live energy data
                        in the dorms.
                        <p>
                            <b>Click on the link above to see the
                                advanced energy data visualizations.</b>
                        </p>
                    </div>










                </div>

                <script type="text/javascript">
  
  // Use jQuery via jQuery(...)
  jQuery(document).ready(function(){
            
    jQuery("#canopy-viz-list li").click(function() {    
      
      if(!jQuery(this).hasClass("selected")) {
        jQuery("#canopy-viz-list li").removeClass("selected");
        jQuery(this).addClass("selected");
      }
      
      //return false;
    });

  });
                
</script>
            </div>
        </div>
        <div id="canopy-feed-members">
            <div class="container-fluid">
                <div class="row-fluid">
                    <div class="span5">
                        <div id="canopy-feed" class="content-box">
                            <div id="canopy-feed-title"
                                class="content-box-title">
                                Canopy Feed <a
                                    href="http://dasha.ics.hawaii.edu:8200/canopy/#"
                                    style="float: right"> <img
                                    src="./images/icon-help-sm.png"
                                    width="20" align="center"
                                    title="Click to get help about this window"
                                    onclick="toggleHelp(&#39;widget&#39;, &#39;canopy-feed&#39;); return false;"></a>
                            </div>
                            <div id="canopy-feed-content">
                                <div id="wall-form">
                                    <form id="news-post-form"
                                        action="http://dasha.ics.hawaii.edu:8200/canopy/wall/post/"
                                        method="POST">
                                        <div id="wall-post-errors"></div>
                                        <div id="wall-post">
                                            <textarea id="id_post"
                                                rows="10" cols="40"
                                                name="post">Share something with the canopy.</textarea>

                                            <button
                                                id="wall-post-submit"
                                                class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled ui-button-text-only"
                                                role="button"
                                                aria-disabled="true"
                                                disabled="">
                                                <span
                                                    class="ui-button-text">
                                                    Post </span>
                                            </button>
                                            <br style="clear: both">
                                        </div>
                                    </form>
                                </div>

                                <ul id="wall-posts">




                                </ul>


                                <p id="wall-no-posts"
                                    style="padding: 7px;">There are
                                    no posts yet!</p>

                            </div>
                        </div>
                    </div>
                    <div class="span7">
                        <div id="canopy-karma" class="content-box">
                            <div id="canopy-karma-title"
                                class="content-box-title">
                                Canopy Karma Scoreboard <a
                                    href="http://dasha.ics.hawaii.edu:8200/canopy/#"
                                    style="float: right"> <img
                                    src="./images/icon-help-sm.png"
                                    width="20" align="center"
                                    title="Click to get help about this window"
                                    onclick="toggleHelp(&#39;widget&#39;, &#39;canopy-karma&#39;); return false;">
                                </a>
                            </div>
                            <div id="canopy-karma-content">


                                <table id="canopy-karma-scoreboard">
                                    <tbody>
                                        <tr
                                            id="canopy-karma-scoreboard-header">
                                            <th class="karma-rank">Rank</th>
                                            <th class="karma-member">Member</th>
                                            <th class="karma-points">Karma
                                                Points</th>
                                        </tr>

                                        <tr>
                                            <td>1</td>
                                            <td>Caterina D.</td>
                                            <td class="karma-points">0</td>
                                        </tr>

                                    </tbody>
                                </table>

                                <div id="canopy-karma-prize">
                                    <a
                                        href="javascript:toggleHelp('widget', 'canopy-karma-prize');">
                                        #1 at the end of the competition
                                        wins a prize! </a>
                                </div>
                            </div>
                        </div>

                        <div id="canopy-members" class="content-box">
                            <div id="canopy-members-title"
                                class="content-box-title">
                                Canopy Members <a
                                    href="http://dasha.ics.hawaii.edu:8200/canopy/#"
                                    style="float: right"> <img
                                    src="./images/icon-help-sm.png"
                                    width="20" align="center"
                                    title="Click to get help about this window"
                                    onclick="toggleHelp(&#39;widget&#39;, &#39;canopy-directory&#39;); return false;"></a>
                            </div>
                            <div id="canopy-members-content">



                                <ul id="canopy-member-list">

                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#george">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of &lt;george&gt;"
                                                align="top">
                                                <div>&lt;george&gt;</div>
                                            </a>
                                        </div>
                                    </li>


                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#pmj">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of pmj"
                                                align="top">
                                                <div>pmj</div>
                                            </a>
                                        </div>
                                    </li>


                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#admin">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of Admin"
                                                align="top">
                                                <div>Admin</div>
                                            </a>
                                        </div>
                                    </li>


                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#caterina-d">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of Caterina D."
                                                align="top">
                                                <div>Caterina D.</div>
                                            </a>
                                        </div>
                                    </li>


                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#hana-b">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of Hana B."
                                                align="top">
                                                <div>Hana B.</div>
                                            </a>
                                        </div>
                                    </li>


                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#risa-k">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of Risa K."
                                                align="top">
                                                <div>Risa K.</div>
                                            </a>
                                        </div>
                                    </li>

                                    <br style="clear: left">


                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#alex-y">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of Alex Y."
                                                align="top">
                                                <div>Alex Y.</div>
                                            </a>
                                        </div>
                                    </li>


                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#nathan-d">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of Nathan D."
                                                align="top">
                                                <div>Nathan D.</div>
                                            </a>
                                        </div>
                                    </li>


                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#greg-b">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of Greg B."
                                                align="top">
                                                <div>Greg B.</div>
                                            </a>
                                        </div>
                                    </li>


                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#robertinator">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of Robertinator"
                                                align="top">
                                                <div>Robertinator</div>
                                            </a>
                                        </div>
                                    </li>


                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#kaveh-a">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of Kaveh A."
                                                align="top">
                                                <div>Kaveh A.</div>
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#yongwen-x">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of Yongwen X."
                                                align="top">
                                                <div>Yongwen X.</div>
                                            </a>
                                        </div>
                                    </li>
                                    <br style="clear: left">
                                    <li>
                                        <div>
                                            <a
                                                href="http://dasha.ics.hawaii.edu:8200/canopy/members/#michelle-k">
                                                <img
                                                src="./images/default_avatar.png"
                                                alt="Photo of Michelle K."
                                                align="top">
                                                <div>Michelle K.</div>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                                <div style="clear: both">
                                    <a
                                        href="http://dasha.ics.hawaii.edu:8200/canopy/members/">View
                                        detailed list</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>

    <div id="footer"></div>

    <div id="fb-root" class=" fb_reset">
        <div
            style="position: absolute; top: -10000px; height: 0px; width: 0px;"></div>
    </div>
    <script src="./canopy_files/all.js"></script>

    <script type="text/javascript">
  FB.init({
    appId: '233999643296575', 
    status: true, 
    cookie: true, 
    xfbml: true
  });
  
  // Normally, we would wrap this in an anonymous function, but we want it to be available for later.
  // Get the spreadsheet we need.
  var energyLastThirtyDays = 'https://spreadsheets.google.com/spreadsheet/tq?key=0An9ynmXUoikYdHhxeW1xRURQZUlGd1oxVERnQktsWXc';
  var refreshInterval = 0; // don't refresh this spreadsheet.

  // Load the visualization API and the spreadsheet, then call displayRank.
  var loader = new org.wattdepot.gdata.GDataLoader(displayRank, energyLastThirtyDays, refreshInterval);  

  function displayRank(energyDataTable) {
    // The source for which we want to find the rank must be specified by Makahiki.
    var source = 'Ilima-E';
    var energyRank = new org.wattdepot.gdata.makahiki.EnergyRank();
    
    // Get the usage for the current round and overall.
    
      // console.log('Overall start: 87, end: 67');
      var usage = energyRank.processDataTable(energyDataTable, 87, 67);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
      energyRank.draw("overall-energy-rank", "overall-energy-value", info);
      
      
      
    
      // console.log('Round 2 start: 80, end: 74');
      var usage = energyRank.processDataTable(energyDataTable, 80, 74);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
        // Check if this is info for the current round.
        
      
      
      
    
      // console.log('Round 1 start: 87, end: 81');
      var usage = energyRank.processDataTable(energyDataTable, 87, 81);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
        // Check if this is info for the current round.
        
      
      
      
    
  }
</script>
    <script src="./canopy_files/saved_resource" type="text/javascript"></script>
    <script src="./canopy_files/format+en,default.I.js"
        type="text/javascript"></script>




    </div>
    </div>
    </div>


    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog"
        aria-labelledby="ui-dialog-title-widget-help-dialog">
        <div
            class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title"
                id="ui-dialog-title-widget-help-dialog">Help</span><a
                href="http://dasha.ics.hawaii.edu:8200/canopy/#"
                class="ui-dialog-titlebar-close ui-corner-all"
                role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="widget-help-dialog" style=""
            class="ui-dialog-content ui-widget-content"></div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw"
            style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne"
            style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw"
            style="z-index: 1004;"></div>
    </div>
    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog"
        aria-labelledby="ui-dialog-title-feedback-dialog">
        <div
            class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title"
                id="ui-dialog-title-feedback-dialog">Send
                Feedback</span><a
                href="http://dasha.ics.hawaii.edu:8200/canopy/#"
                class="ui-dialog-titlebar-close ui-corner-all"
                role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="feedback-dialog" style=""
            class="ui-dialog-content ui-widget-content">
            <form id="feedback-form"
                action="http://dasha.ics.hawaii.edu:8200/ask-admin/send-feedback/"
                method="POST">
                <div style="display: none">
                    <input type="hidden" name="csrfmiddlewaretoken"
                        value="a24f5c59567f2c177a6fd44ab2ab1de9">
                </div>
                <p>Having issues? Just want to tell us something?
                    Let us know!</p>
                <input id="id_url" type="hidden" name="url" value="">
                <textarea id="id_question" rows="3" cols="53"
                    name="question"></textarea>
                <br> <input id="feedback-submit" type="submit"
                    value="Send"
                    class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled"
                    role="button" aria-disabled="true" disabled="">
                <span id="feedback-spinner" style="display: none">
                    Sending <img src="./canopy_files/spinner.gif">
                </span>
            </form>
        </div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw"
            style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne"
            style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw"
            style="z-index: 1004;"></div>
    </div>
    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog"
        aria-labelledby="ui-dialog-title-feedback-success">
        <div
            class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title"
                id="ui-dialog-title-feedback-success">Thank You!</span><a
                href="http://dasha.ics.hawaii.edu:8200/canopy/#"
                class="ui-dialog-titlebar-close ui-corner-all"
                role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="feedback-success" style=""
            class="ui-dialog-content ui-widget-content">
            <p style="text-align: left">Your feedback has been sent
                to the administrators. If you asked a question, they
                will email you a response as soon as possible.</p>

            <button>OK</button>
        </div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw"
            style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne"
            style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw"
            style="z-index: 1004;"></div>
    </div>
    </div>


    <!-- javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>

    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>

    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/jquery.cycle.all.js"></script>

    <script type="text/javascript">
	$.fn.cycle.defaults.timeout = 6000;
	$(function() {
		$('#user-cycle').cycle({
			fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			fit : 1
		});
	});

	$(function() {
		$('#team-cycle').cycle({
			fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			fit : 1
		});
	});
	
	$(function() {
		$('#round-cycle').cycle({
			fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			fit : 1
		});
	});
	
	$(function() {
		$('#single-cycle').cycle({
			fx : 'scrollUp', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			fit : 1,
			height : 55
		});
	});
	</script>

</body>
</html>